<template>
	<div class="tab">
		<router-link to="/cll/login">登录</router-link>
		<router-link to="/cll/register">注册</router-link>
	</div>
</template>

<script setup>

</script>

<style scoped lang="scss">
	.tab {
		margin: auto;
		width: 600px;
		height: 70px;
		display: flex;
		justify-content: center;
		box-sizing: border-box;


		a {
			width: 300px;
			height: 70px;
			text-align: center;
			line-height: 70px;
			font-size: 26px;
			font-weight: 600;
			color: #222;
			border-bottom: 1px solid #333;
			font-family: "Hiragino Sans GB", "冬青黑体", "Microsoft Yahei", "微软雅黑";

			&:nth-of-type(1) {
				border-top-left-radius: 24px;
				background-color: rgb(237, 177, 65);
			}

			&:nth-of-type(2) {
				border-top-right-radius: 24px;
				background-color: rgb(104, 134, 194);
			}

			&:hover {
				color: #000;
				text-decoration: underline;
			}
		}
	}
</style>
